div.buttons{text-align: center;font-family: 'Microsoft Yahei';margin-top: 20px;}
div.buttons a{display: inline-block;width:20px;height:20px;text-align: center;line-height: 20px;background-color: #ffffff;color:#333333;margin:0 5px;}
div.buttons a.active,
div.buttons a:hover{background-color: #99cc00;}

div.image-container{
    position: absolute;
    bottom : 60px;
    top : 125px;
    left : 0;
    right: 0;
    text-align: center;
    background-color: transparent;
    overflow: hidden;
}
div.image-container ul{position: absolute;top:0;left:0;height:100%;}
div.image-container ul li{height:100%;float: left;}
div.image-container ul li img{display: block;height:100%;margin:auto;}

a#next,a#previous{display: block;position: absolute; top:50%;margin-top: -30px; width:30px; height:60px;background-color: #ffffff;overflow: hidden;text-indent: -100000px;}
a#previous{left : 35px;background: url('../img/frontend/image-button-previous.png') top left no-repeat scroll transparent;}
a#next{right:35px;background: url('../img/frontend/image-button-next.png') top left no-repeat scroll transparent;}

div#design-by,div#footer{display: none;}
div#footer-bar{position: absolute;bottom: 0;width: 100%;}
div#footer-bar ul{overflow: auto;height: 40px;line-height: 40px;background-color: #a9af96;}
div#footer-bar ul li{float: right;}

div#footer-bar ul li.description{
    width: 60px;height: 28px;margin: 5px 5px 5px 0;padding-left:30px;
    border: 1px solid #ffffff;background: url('../img/frontend/project-description-close-bg.jpg') 0 0 no-repeat scroll #a9af96;
}
div#footer-bar ul li.description.open{background: url('../img/frontend/project-description-close-bg.jpg') left bottom no-repeat scroll #a9af96;}

div#footer-bar ul li.description a{
    display: block;height:28px;line-height: 28px;text-align: center;
    background-color: #a9af96;border-left: 1px solid #ffffff;
    color : #ffffff;
    font-size: 12px;
    font-family: 'Microsoft Yahei';
    position: relative;overflow: hidden;
}
div#footer-bar ul li.description a:hover{background-color: #ffffff;color:#99cc00;}

div#footer-bar ul li.description a span{
    display: block;
	top:0;
	left:0;
}

div#footer-bar ul li.title{
    color : #333333;
    font-size : 16px;
    font-weight: bold;
    font-style: italic;
    padding : 0 10px;
}

div#footer-bar ul li.back,
div#footer-bar ul li.previous-project,
div#footer-bar ul li.next-project{text-indent: -10000px;width:30px;margin-right: 5px;height : 30px;line-height: 30px;margin-top: 5px;overflow: hidden;}
div#footer-bar ul li.back a,
div#footer-bar ul li.previous-project a,
div#footer-bar ul li.next-project a{display: block;font-size: 12px;padding: 0 5px;color:#ffffff;}
div#footer-bar ul li.next-project a{background: url('../img/frontend/project-button-next.jpg') 0 0 no-repeat scroll transparent;}
div#footer-bar ul li.previous-project a{background: url('../img/frontend/project-button-previous.jpg') 0 0 no-repeat scroll transparent;}
div#footer-bar ul li.back a{background: url('../img/frontend/project-button-back.jpg') 0 0 no-repeat scroll transparent;}
div#footer-bar div.description-container{margin: 0;padding : 20px 20%;height : 300px;color : #333333;background: url('../img/frontend/project-description-bg.png') 0 0 repeat scroll transparent;}
